<!doctype html>
<html lang="zh-CN">
<head>
    <!-- 编码标签 -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 响应式 viewport meta 标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="public/vendor/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="public/static/css/layout.css">
	<!-- script -->
    <script src="public/vendor/jquery/jquery-3.4.1.min.js"></script>
    <script src="public/vendor/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="public/static/js/layout.js"></script>
    <title>顶看-Dingkan Admin模板</title>

</head>
  <body>

  <div class="container-fluid">
   <header class="row">
  <!-- Fixed navbar -->
  <nav class="navbar navbar-expand-md navbar-dark fixed-top navbar-fixed-top">
    <a class="navbar-brand" href="#">Fixed navbar</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarCollapse">
      <ul class="navbar-nav mr-auto">
        <li class="nav-item active">
          <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Link</a>
        </li>
        <li class="nav-item">
          <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
        </li>
      </ul>
      <form class="form-inline mt-2 mt-md-0">
        <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
        <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
      </form>
    </div>
  </nav>
</header>


<main class="main row">


    <div class="main-left  d-none d-md-block sidebar">
      <!-- 右侧导航顶部容器 -->
      <div class="N_top" style="width: 280px; border-bottom: solid 1px #e2e2e2;">
        <div class="search-form">
          <input type="text" placeholder="请输入搜索关键词...">
        </div>
      </div>
      <!-- /右侧导航顶部容器 -->
      <!-- 左侧菜单开始 -->
	    <div class="left-nav bg-light">

	       <nav class="navbar navbar-expand-lg navbar-light">
            <!-- <a class="navbar-brand" href="#">Navbar</a> -->
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNavDropdown">
              <ul class="navbar-nav">
                <li class="nav-item active">
                  <a class="nav-link" href="#">首页 <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="#">梦想</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="#">未来</a>
                </li>
                <li class="nav-item dropdowns">
                  <a class="nav-link dropdown-toggle" href="#">下拉菜单</a>
                  <div class="dropdown-menu">
                    <a class="dropdown-item" href="#">第一个子菜单</a>
                    <a class="dropdown-item" href="#">第二个子菜单</a>
                    <a class="dropdown-item" href="#">第三个子菜单</a>
                  </div>
                </li>
                <li class="nav-item dropdowns">
                  <a class="nav-link dropdown-toggle" href="#">
                    下拉菜单
                  </a>
                  <div class="dropdown-menu">
                    <a class="dropdown-item" href="#">第一个子菜单</a>
                    <a class="dropdown-item" href="#">第二个子菜单</a>
                    <a class="dropdown-item" href="#">第三个子菜单</a>
                  </div>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="#">坚持写代码</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="#">实现梦想</a>
                </li>
              </ul>
            </div>
          </nav>
	  </div>
    <!-- 左侧菜单结束 -->
    </div>
    <div class="main-right">

    <div class="T_tab" style="background:#212fad">
      <div class="content-tabs" style="margin-right:0px;">
        <button class="roll-nav roll-left J_tabLeft"><i><<</i>
        </button>
        <nav class="page-tabs J_menuTabs">
          <div class="page-tabs-content">
            <a href="javascript:;" class="active J_menuTab" data-id="tabs.html">首页</a>
          </div>
        </nav>
        <button class="roll-nav roll-right J_tabRight"><i>>></i>
        </button>
      </div>
    </div>

			<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="view/main.html" frameborder="0" data-id="view/main.html" seamless></iframe>
    </div>
</main>

<footer class="footer row  text-center">
  <div class="container">
    <span class="text-muted">Copyright © 2020 顶看（Dingkan.net）. All Rights Reserved. </span>
  </div>
</footer>
</div>

  </body>
</html>